import { useState } from 'react';

// useState 修改状态为函数
const App = () => {
  // 数组的解构
  const [count, setCount] = useState(10) // 设置状态count，初始化的值为 number 10，修改状态的函数叫 setCount
  const add = () => {
    // setCount(count + 1) // 修改状态函数中直接写 运算以后的结果
    // setCount(count + 1)
    // setCount(count + 1)
    setCount((count) => count + 1)
    setCount((count) => count + 1)
    setCount((count) => {
      return count + 1
    })
    console.log(count) // 10 说明 setCount 是一个异步操作
    // 点击加1.最终输出为13
  }
  return (
    <div>
      <div>
        { count } <button onClick={ add }>加1</button>
      </div>
    </div>
  );
};

export default App;